<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>{% block title %}D&eacute;couvrir Paris{% endblock %}</title>

		{% block stylesheets %}
			<link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap.css') }}" type="text/css" />
		{% endblock %}
		<link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
		
		{% block javascripts %}
			<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
			<script type="text/javascript" src="{{ asset('bootstrap/js/bootstrap.js') }}"></script>
		{% endblock %}
		
	</head>

	<body>
		<div class="container">
			<div id="header" class="hero-unit">
				<h1>D&eacute;couvrir Paris</h1>
			</div>

			{# IS_AUTHENTICATED_REMEMBERED correspond à un utilisateur qui s'est identifié en rentrant son mot de passe,
			   ou à un utilisateur qui s'est identifié automatiquement grâce à son cookie remember_me #}
			
			{# On pourrait utiliser IS_AUTHENTICATED_FULLY qui correspond à un utilisateur qui s'est forcément
			   identifié en rentrant son mot de passe (utile pour les opérations sensibles comme changer d'email #}
			
			{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
			    Connecté en tant que {{ app.user.username }} - <a href="{{ path('fos_user_security_logout') }}">Déconnexion</a>
			{% else %}
			    <a href="{{ path('fos_user_security_login') }}">Connexion</a>
			{% endif %}

			<div class="row">
				<div id="menu" class="span3">
					<ul class="nav nav-pills nav-stacked">
						<li><a href="#">Accueil</a></li>
						<li><a href="#">Les événements</a></li>
						<li><a href="#">Les sorties</a></li>
						<li><a href="#">L'actualité</a></li>
					</ul>
				</div>
				<div id="content" class="span9">
					{% block body %}
					{% endblock %}
				</div>
			</div>

			<hr>

			<footer>
			
			</footer>
		</div>

	</body>
</html>